.van-popup--top {
  padding: 80px 48px 50px 48px;
  width: 80% !important;
  left: 50%;
  top: 0;
  border-radius: 16px !important;
  transform: translate(-50%, 12%);

  .room-call-patient{
    .patient-info {
      font-size: 40px;
      display: flex;
      flex-direction: column;
      align-self: center;
      align-items: center;
      justify-content: center;
      text-align: left;
      .item {
        width: 100%;
        display: flex;
        flex-direction: column;

        .title {
          display: flex;
          align-self: center;
          align-items: center;
          color: rgba(0, 89, 179, 1);
          background: rgba(0, 89, 179, 0.2);
          border-radius: 20px;
          font-size: 80px;
          width: 100%;
          justify-content: center;
          box-sizing: border-box;
          padding: 54px 46px;
          text-align: center;
        }

        .content-wrap{
          margin: 28px 0 0 0;
          .content {
            margin: 64px 0;
            box-sizing: border-box;
            text-align: left;
          }
        }

        .content-wrap-col{
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          .content{
            min-width: 50%;
            flex-basis: 50%;
            @include singleEllipsis(100%)
          }
        }

        .content-wrap-1,
        .content-wrap-2,
        .content-wrap-3,
        .content-wrap-4{
          .content{
            font-size: 100px;
            line-height: 1.5;
            margin: 0;
            text-align: center;
            @include singleEllipsis(100%)
          }
        }

        .content-wrap-5,
        .content-wrap-6{
          .content{
            font-size: 100px;
            line-height: 1.5;
            margin: 0;
            padding-left: 30px;
            @include singleEllipsis(100%)
          }
        }


        .content-wrap-7,
        .content-wrap-8{
          .content{
            font-size: 100px;
            line-height: 1.5;
            margin: 0;
            padding-left: 30px;
            @include singleEllipsis(100%)
          }
        }

        .content-wrap-9,
        .content-wrap-10{
          .content{
            font-size: 90px;
            line-height: 1.5;
            margin: 0;
            padding-left: 30px;
            @include singleEllipsis(100%)
          }
        }


      }

      .current-patient {
        .content {
          font-size: 124px;
          text-align: center;
          color: rgba(0, 89, 179, 1);
        }
      }

      .wait-patient {
        display: flex;
        justify-content: flex-start;
        .title {
          color: rgba(299, 133, 2, 1);
          align-self: baseline;
          background: rgba(255, 167, 44, 0.2);
        }

        .content-wrap {
          color: rgba(299, 133, 2, 1);
          line-height: 128px;
          font-size: 124px;
          text-align: center;
          margin: 28px 0 0 0;
          display: flex;
          flex-direction: column;
          .content{
            text-align: center;
            line-height: 1.5;
          }
        }
      }
    }
  }
}